<script setup lang="ts">
import F_site_base from "@/components/admin/f_site_base.vue";
import type {aiType, emailType, wxLoginType} from "@/api/settings_api";


const labelColProps1 = {
  span: 6
}
const wrapperColProps1 = {
  span: 18
}


</script>

<template>
  <div class="site_info_view">
    <f_site_base ref="fSiteBaseRef" name="email" v-slot="{data}:{data: emailType}">
      <a-form>
        <a-row>
          <a-col :span="8">
            <div class="title">邮箱设置</div>
            <div class="body">
              <a-form-item label="邮箱域名" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-input v-model="data.domain" placeholder="邮箱域名"></a-input>
              </a-form-item>
              <a-form-item label="邮箱端口" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-input-number v-model="data.port" placeholder="邮箱端口"></a-input-number>
              </a-form-item>
              <a-form-item label="发信邮箱" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-input v-model="data.email" placeholder="发信邮箱"></a-input>
              </a-form-item>
              <a-form-item label="授权码" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-input type="password" v-model="data.authorizationCode" placeholder="授权码"></a-input>
              </a-form-item>
              <a-form-item label="发信名称" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-input v-model="data.sendingName" placeholder="发信名称"></a-input>
              </a-form-item>
              <a-form-item label="ssl" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-switch v-model="data.ssl" placeholder="ssl"></a-switch>
              </a-form-item>
              <a-form-item label="tls" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-switch v-model="data.tls" placeholder="tls"></a-switch>
              </a-form-item>
              <a-form-item label="注册验证码模板" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-textarea v-model="data.registerTemplate" placeholder="注册验证码模板"></a-textarea>
              </a-form-item>
              <a-form-item label="绑定验证码模板" :label-col-props="labelColProps1" :wrapper-col-props="wrapperColProps1">
                <a-textarea v-model="data.bindTemplate" placeholder="绑定验证码模板"></a-textarea>
              </a-form-item>
              <div class="update_btn">

              </div>
            </div>
          </a-col>
        </a-row>
      </a-form>
    </f_site_base>
  </div>
</template>

<style lang="less">
.site_info_view {
  padding: 20px;

  .title {
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px;

    &::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 1.5rem;
      background-color: rgb(var(--arcoblue-6));
      margin-right: 5px;

    }
  }

  .start {
    .arco-col {
      justify-content: flex-start;
    }
  }
}
</style>